<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>jqurey练习：轮播图、tab</title>
    <link rel="stylesheet" href="./css/css.css"/>
    <script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="./js/jqurey.js"></script>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="./js/tab.js"></script>
    <link rel="stylesheet" href="./css/tab.css"/>
</head>
<body>
<div class="outer" id="outer">
    <div style="width:4800px;" id="banner">
        <div class="img" id="img1"></div>
        <div class="img" id="img2"></div>
        <div class="img" id="img3"></div>
        <div class="img" id="img4"></div>
        <div class="img" id="img5"></div>
        <div class="img" id="img6"></div>
    </div>

</div>
<button onclick="ban.toggle(-1)">next</button>
<button onclick="ban.toggle(1)">last</button>

<br/><br/><br/>
<div class="tab-box">
    <a class="btn-tab" id="btn-tab-1" onclick="tab.goto(1)">一列</a>
    <a class="btn-tab" id="btn-tab-2" onclick="tab.goto(2)">二列</a>
</div>
<div>
    <div id="tab1" class="tab-page">
        看演出看演出
    </div>
    <div id="tab2" class="tab-page">
        看戏看戏
    </div>
</div>
</body>
</html>